<div id="annuaire_entreprise">
  <h2>Annuaire d'entreprise</h2>
  <div class="wrap">
    <div class="formulaire">
      <form action="">
        {foreach $type as $item}
        <div class="rows">
          <input type="radio" id="{$item->type_id}" name="entreprise" class="entreprise"/>
          <label for="{$item->type_id}">{$item->type_name}</label>
        </div>
        {/foreach}
      </form>
    </div>
    <!--<div class="carte" id="entr-mention"><h5>Veuillez sélectionner un type d’entreprise avant de choisir une région</h5></div>-->
    <input type="hidden" name="urlRegion" id="urlRegion" value="{jurl 'accueil~FoHome:ajaxGetRegion'}" />
    <input type="hidden" name="urlUrl" id="urlUrl" value="{jurl 'accueil~FoHome:ajaxGetUrl'}" />
    <div class="carte" id="Carte2">
      <div class="selection_entreprise"><span>Selectionez le type d' enterprise<br />
        recherchees puis cliquez sur votre région.</span></div>
      <img src='{$j_basepath}design/front/images/carte2.jpg' width='243' height='236' border='0' alt='' /><br />
    </div>
    <div class="carte" style="display:none;" id="Carte1"> {literal}<script type="text/javascript">
		$(document).ready(function() {
			$("#map-container AREA").mouseover(function(){
				var regionMap = '.'+$(this).attr('id')+'-map';
				var regionList = '.'+$(this).attr('id')+'-list';
				$(regionMap).css('display', 'inline');

				// Check if a click event has occured and only change the Region hover state accodringly
				if (! $('#practice-container div').hasClass('selected')) {
					$(regionList).css('display', 'inline');
				}
			}).mouseout(function(){
				var regionMap = '.'+$(this).attr('id')+'-map';
				var regionList = '.'+$(this).attr('id')+'-list';

				// Check if a click event has occured and only change the Region hover state accodringly
				if (! $(regionMap).hasClass('selected')) {
					$(regionMap).css('display', 'none');
				}

				// Check if a click event has occured and only change the Region hover state accodringly
				if (! $('#practice-container div').hasClass('selected')) {
					$(regionList).css('display', 'none');
				}
			});

			$("#map-container AREA").click(function(){
				$('#map-container img.region').removeClass('selected').css('display', 'none');
				$('#practice-container div').removeClass('selected').css('display', 'none');
				
				var regionMap = '.'+$(this).attr('id')+'-map';
				var regionList = '.'+$(this).attr('id')+'-list';
				$(regionMap).addClass('selected').css('display', 'inline-block');
				//$(regionList).addClass('selected').css('display', 'inline-block');
			});
		});
	</script>{/literal}
      <div id="map-view-container">
        <div id="map-container"> <img src="{$j_basepath}design/front/images/transparentMap.gif" alt="" usemap="#regionMapView" class="map" border="0" height="436" width="274">
          <map name='regionMapView' id='regionMapView'>
            <area id="bretaigne" shape="poly" dept="22" class="cartePortion" coords="17,61,22,57,29,57,33,57,38,55,43,59,45,62,49,61,52,61,57,63,59,63,65,66,67,65,67,70,67,76,64,77,60,79,55,79,51,81,49,85,43,83,41,80,35,81,29,77,25,74,21,72,20,68,18,65"  alt="Bretaigne" href="#bretaignes" />
            <area id="bnormandie" shape="poly" dept="14" class="cartePortion" coords="60,37,65,39,70,43,74,47,82,48,86,49,91,47,93,56,95,59,99,68,95,72,91,66,85,64,80,63,74,63,69,62,65,61,61,41"  alt="Basse Normandie" />
            <area id="hnormandie" shape="poly"  dept="27" class="cartePortion" coords="101,36,105,35,110,34,112,38,112,43,112,48,111,52,107,55,103,59,101,59,98,56,97,50,95,45,91,43,93,39,96,37"  alt="Haute Normandie" />
            <area id="picardie" shape="poly" dept= "02" class="cartePortion" coords="132,34,139,36,145,37,150,39,148,43,147,46,145,49,141,49,141,53,140,56,136,56,132,54,128,54,122,52,118,51,116,45,116,40,115,35,111,30,115,29,121,31,126,34"   alt="Picardie" />
            <area id="ncalais" shape="poly" dept="59" class="cartePortion" coords="119,14,125,11,128,17,133,18,136,23,141,26,145,29,148,29,149,34,143,33,136,32,129,30,124,27,118,24,116,21,116,16"   alt="Nord pas de Calais" />
            <area id="cardene" shape="poly" dept="08" class="cartePortion" coords="153,44,151,51,145,54,142,61,141,69,143,75,147,80,152,81,156,80,161,82,163,88,168,88,172,85,171,78,166,72,162,66,160,62,160,57,163,51,164,45,160,41,160,35,155,40"  alt="Champagne-Ardenne" />
            <area id="lorraine" shape="poly" dept="54" class="cartePortion" coords="170,46,175,51,179,49,184,50,188,55,193,57,199,59,194,61,193,63,196,65,194,69,194,73,194,78,192,83,185,83,180,82,176,79,173,74,169,69,165,64,161,58,166,54,169,50"   alt="Lorraine" />
            <area id="alsace" shape="poly" dept="67" class="cartePortion" coords="203,62,209,60,208,67,203,73,202,81,201,90,198,96,194,93,193,87,197,79,197,71,200,64,199,64"   alt="Alsace" />
            <area id="centre" shape="poly" dept="18" class="cartePortion" coords="103,64,109,64,113,69,116,74,121,76,127,79,131,80,128,85,128,91,128,97,131,104,129,109,125,110,121,113,116,114,109,115,104,116,101,110,98,106,95,101,91,100,88,96,88,90,94,87,97,85,99,81,101,77,103,71"  alt="Centre" />
            <area id="bourgogne" shape="poly" dept="21" class="cartePortion" coords="137,78,142,82,148,84,155,83,160,84,160,90,165,92,167,98,165,104,165,109,167,115,163,117,160,116,157,119,153,122,149,122,146,118,143,114,141,110,136,111,132,110,132,106,133,101,133,99,131,97,129,91,133,87,136,84"  alt="Bourgogne" />
            <area id="fcomte" shape="poly" dept="25" class="cartePortion" coords="175,89,180,86,186,87,191,91,193,96,191,101,187,103,185,106,184,109,179,113,178,117,176,120,171,119,168,115,168,109,170,102,171,96,170,93"   alt="France-Comte" />
            <area id="ploire" shape="poly" dept="44" class="cartePortion" coords="73,65,80,67,86,69,92,70,94,74,96,78,94,82,90,85,85,86,85,89,83,93,84,98,77,96,72,98,69,101,69,105,72,109,72,113,68,114,63,114,57,112,54,109,52,102,53,98,49,95,45,93,44,89,54,87,56,85,69,80,73,75,73,70"   alt="Pays de La Loire" />
            <area id="pcharente" shape="poly" dept="16" class="cartePortion" coords="75,100,79,101,85,100,88,105,93,105,97,110,101,114,98,118,95,119,94,123,93,127,89,130,87,134,84,137,80,142,76,142,72,139,67,137,64,133,61,129,60,125,65,126,65,124,64,121,64,117,70,116,75,113,74,107,72,103"   alt="Poitou-Charente" />
            <area id="limousin" shape="poly" dept="19" class="cartePortion" coords="103,119,107,119,112,118,115,119,119,121,121,126,119,129,121,134,120,138,119,141,115,142,113,146,113,150,110,150,107,147,103,145,101,141,100,136,97,135,93,133,97,129,98,125,99,121"   alt="Limousin" />
            <area id="auvergne" shape="poly" dept="03" class="cartePortion" coords="126,113,132,115,139,114,142,117,145,121,140,124,139,128,139,133,140,137,141,142,144,143,146,143,149,145,149,151,145,153,141,155,137,154,135,153,131,151,131,155,129,157,125,156,123,154,120,156,116,157,114,154,117,150,120,146,121,142,121,137,121,133,123,129,125,125,123,123,119,119,125,116"  alt="Auvergne" />
            <area id="ralpes" shape="poly" dept="01" class="cartePortion" coords="156,122,163,119,168,121,172,124,177,125,180,121,187,119,190,119,189,126,193,129,192,133,190,134,192,137,193,141,196,144,193,147,188,148,184,149,181,150,181,154,180,156,176,156,172,159,170,163,168,166,169,170,164,169,157,166,149,166,144,163,144,157,148,153,152,151,153,146,149,143,146,142,144,139,143,133,144,126,149,125,153,125"  alt="Rhône-Alpes" />
            <area id="palpes" shape="poly" dept="04" class="cartePortion" coords="186,153,193,155,195,159,192,161,192,166,193,170,198,172,201,170,205,173,203,178,200,182,196,185,192,188,188,191,186,197,181,197,175,196,169,193,167,191,166,190,163,190,159,191,155,191,152,189,150,187,153,182,156,178,158,175,155,171,156,168,163,171,168,173,172,169,171,166,173,162,179,158"  alt="Provence-Alpes Cote d'Azur" />
            <area id="languedoc" shape="poly" dept="11" class="cartePortion" coords="106,207,108,211,114,210,119,213,121,211,127,210,127,204,128,197,132,193,136,190,141,186,147,187,149,182,153,180,155,176,155,170,151,168,147,169,146,166,144,163,142,159,141,156,137,156,133,156,131,157,129,161,131,163,132,166,133,170,134,174,131,179,128,183,124,183,120,187,115,189,111,188,108,187,106,189,107,192,109,194,111,197,109,202,108,203"   alt="Languedoc-Roussillon" />
            <area id="mpyrenees" shape="poly" dept="09" class="cartePortion" coords="79,171,74,172,73,178,75,182,77,185,75,189,71,191,70,195,71,198,75,202,82,202,86,201,87,197,91,199,97,203,102,205,105,209,108,203,110,199,107,195,104,191,107,187,110,185,113,187,120,186,126,182,129,177,133,174,131,168,129,162,126,159,124,157,121,159,115,160,113,158,113,154,110,151,106,150,101,150,99,156,96,162,96,166,91,169,85,171,85,171"   alt="Midi-Pyréneés" />
            <area id="aquitaine" shape="poly" dept="24" class="cartePortion" coords="61,134,66,137,69,139,74,141,76,145,81,143,84,139,87,136,92,135,96,138,99,140,100,143,101,147,101,149,100,153,97,155,95,160,94,164,92,167,90,171,85,170,80,169,76,171,74,175,73,181,75,185,75,188,72,191,69,194,69,198,65,195,59,191,53,191,52,187,47,184,52,180,55,175,57,167,57,159,61,155,60,150,62,141,61,137"   alt="Aquitaine" />
            <area id="ilefrance" shape="poly" dept="75" class="cartePortion" coords="115,54,121,55,126,58,131,57,134,57,134,61,137,61,137,65,137,69,137,73,135,76,131,76,127,77,124,74,121,73,119,73,117,69,114,66,111,62,115,59,115,56"   alt="Ile de France" />
            <area id="corse" shape="poly" dept="20" class="cartePortion" coords="235,194,231,201,227,204,223,209,220,213,221,218,223,222,225,227,227,232,231,233,232,227,235,224,237,219,237,214,237,209,237,203,236,199"   alt="Corse" />
          </map>
          <img src='{$j_basepath}design/front/images/bretaigne.png' width='243' height='236' border='0' class='region bretaigne-map' alt='Bretaigne' /> <img src='{$j_basepath}design/front/images/bassenormandie.png' width='243' height='236' border='0' class='region bnormandie-map' alt='Basse Normandie' /> <img src='{$j_basepath}design/front/images/hassenormandie.png' width='243' height='236' border='0' class='region hnormandie-map' alt='Haute Normandie' /> <img src='{$j_basepath}design/front/images/picardie.png' width='243' height='236' border='0' class='region picardie-map' alt='Picardie' /> <img src='{$j_basepath}design/front/images/ncalais.png' width='243' height='236' border='0' class='region ncalais-map' alt='Nord pas de Calais' /> <img src='{$j_basepath}design/front/images/cardene.png' width='243' height='236' border='0' class='region cardene-map' alt='Champagne-Ardenne' /> <img src='{$j_basepath}design/front/images/lorraine.png' width='243' height='236' border='0' class='region lorraine-map' alt='Lorraine' /> <img src='{$j_basepath}design/front/images/alsace.png' width='243' height='236' border='0' class='region alsace-map' alt='Alsace' /> <img src='{$j_basepath}design/front/images/centre.png' width='243' height='236' border='0' class='region centre-map' alt='Centre' /> <img src='{$j_basepath}design/front/images/bourgogne.png' width='243' height='236' border='0' class='region bourgogne-map' alt='Bourgogne' /> <img src='{$j_basepath}design/front/images/fcomte.png' width='243' height='236' border='0' class='region fcomte-map' alt='France-Comte' /> <img src='{$j_basepath}design/front/images/ploire.png' width='243' height='236' border='0' class='region ploire-map' alt='Pays de La Loire' /> <img src='{$j_basepath}design/front/images/pcharente.png' width='243' height='236' border='0' class='region pcharente-map' alt='Poitou-Charente' /> <img src='{$j_basepath}design/front/images/limousin.png' width='243' height='236' border='0' class='region limousin-map' alt='Limousin' /> <img src='{$j_basepath}design/front/images/auvergne.png' width='243' height='236' border='0' class='region auvergne-map' alt='Auvergne' /> <img src='{$j_basepath}design/front/images/ralpes.png' width='243' height='236' border='0' class='region ralpes-map' alt='Rhône-Alpes' /> <img src='{$j_basepath}design/front/images/palpes.png' width='243' height='236' border='0' class='region palpes-map' alt="Provence-Alpes Cote d'Azur" /> <img src='{$j_basepath}design/front/images/languedoc.png' width='243' height='236' border='0' class='region languedoc-map' alt='Languedoc-Roussillon' /> <img src='{$j_basepath}design/front/images/mpyrenees.png' width='243' height='236' border='0' class='region mpyrenees-map' alt='Midi-Pyréneés' /> <img src='{$j_basepath}design/front/images/aquitaine.png' width='243' height='236' border='0' class='region aquitaine-map' alt='Aquitaine' /> <img src='{$j_basepath}design/front/images/ilefrance.png' width='243' height='236' border='0' class='region ilefrance-map' alt='Ile de France' /> <img src='{$j_basepath}design/front/images/corse.png' width='243' height='236' border='0' class='region corse-map' alt='Corse' /> <img src="{$j_basepath}design/front/images/carte.png" alt="" width="243" height="236" border="0" class="regionBg" /> </div>
        <div id="practice-container">
          <div class="bretaigne-list">Bretaigne</div>
          <div class="bnormandie-list">Basse Normandie</div>
          <div class="hnormandie-list">Haute Normandie</div>
          <div class="picardie-list">Picardie</div>
          <div class="ncalais-list">Nord pas de Calais</div>
          <div class="cardene-list">Champagne-Ardenne</div>
          <div class="lorraine-list">Lorraine</div>
          <div class="alsace-list">Alsace</div>
          <div class="centre-list">Centre</div>
          <div class="bourgogne-list">Bourgogne</div>
          <div class="fcomte-list">France-Comte</div>
          <div class="ploire-list">Pays de La Loire</div>
          <div class="pcharente-list">Poitou-Charente</div>
          <div class="limousin-list">Limousin</div>
          <div class="auvergne-list">Auvergne</div>
          <div class="ralpes-list">Rhône-Alpes</div>
          <div class="palpes-list">Provence-Alpes Cote d'Azur</div>
          <div class="languedoc-list">Languedoc-Roussillon</div>
          <div class="mpyrenees-list">Midi-Pyréneés</div>
          <div class="aquitaine-list">Aquitaine</div>
          <div class="ilefrance-list">Ile de France</div>
          <div class="corse-list">Corse</div>
        </div>
        <div class="clearboth">&nbsp;</div>
      </div>
    </div>
    <!--end carte-->
    <div class="clear">&nbsp;</div>
  </div>
</div>
